Contents / User Interface Reference
DHTML Menu Studio's User Interface contains the following windows:
- Main window -- in this window you can see a preview of the menu structure. Each menu (i.e. the top-level menu bar and the pop-up menus) contains one "placeholder", that is, a blank item which is used to add new menu items. In other words, to add a new item to a menu, simply click on its placeholder element and start typing the new item's text. This will take you to the menu item properties window described below. You can also use your mouse to move (drag & drop) menu items to other locations. Also, most of the options available in the program are accessible from main window's menu.
- Assistant window -- the assistant is the right place to get started with the program. Although the assistant doesn't contain any functionality which is not accessible from the rest of the program's user interface, simply following assistant's commands will let you build a new menu from scratch and insert it into an existing page, template or frameset configuration or create a blank page containing the newly created menu.
- Menu item properties -- this window allows you to modify properties of menu items:
- text
- URL (this can be a relative path such as ../index.htm, an absolute path such as http://www.yourdomain.com/index.htm or even a JavaScript command in form of javascript:command, e.g. javascript:alert('this menu items runs a JavaScript command') )
- target frame which is the name of the frame where the URL will be opened, blank if the URL is to be opened in the default frame or one of special window names (_blank, _parent or _top). E.g. entering "_blank" will open the URL in a new browser window
- item creates sub-menus is a check box which determines if a menu item contains a child pop-up menu. Selecting this option will add a sub menu to the selected menu item
- Menu options -- this is where you set all the options of the menu. The window is further divided into:
- Graphical appearance is where you specify the looks of the menu (colors, images, special effects, etc.) as well as its behavior (how items should appear / disappear etc.). This section also lets you use or preview schemes (pre-defined sets of options) which allow you to match menu's looks with a previously saved scheme.
- Output is where you specify where the output web page containing the menu and the menu files (images, scripts) should be generated. This section also contains JavaScript-related options and options which enable insertion of multiple menus into a single web page.
- Frames is where you specify frame-related options.
- Preview -- this window shows the preview of the current menu or it can be used to preview menu schemes (pre-defined sets of options). The preview is displayed using an embedded Internet Explorer window so the final outcome will be identical to the outcome you would get using the version of Internet Explorer which is installed on your computer. To preview the menu in other browsers (e.g. Opera or Netscape) you will need to generate the menu.
- Template -- in this window you can import an existing template (e.g. DreamWeaver template), frame-based or non-frame-based web page into which the program will insert a menu. To import a template click on the 'Import template (source) file' button and select a template / HTML page to import. If the imported template / page contains frames, the template window will display an overview of the frames contained within the frameset configuration. The 'Reset template info' can be used to clear all template-related information. The 'item being set' option determines which aspect of the template insertion is being set. You can set the frames where the top-level menu bar or its popups will appear. You can also set the frame where by default (unless otherwise stated in the menu item properties window) the URLs associated with menu items will be opened. The last item which can be set is the 'insertion point'. The insertion point is the exact spot (in the area of a web page) where the menu will be inserted. This spot is marked by a red marker and can be set by clicking anywhere within the displayed HTML code.
- Log window -- this window displays error, warning and status messages which inform about the generation process.